<template>
	<div class="head">
		<img :src="logo" alt="Logo Icon" class="logo-img" />  
		<div class="search">
			<input type="text" v-model="searchQuery" @input="handleSearch" placeholder="请输入搜索内容" style="height: 35px;width: 200px;padding: 3px 5px;border:1px solid #ff0000;">
			<button @click="performSearch" style="height: 35px;width: 45px;color: white;background-color: #c81623;border: #c81623;">搜索</button>  
		</div>
	</div>
</template>

<script setup>
import logo from '@/components/components-zjm/logo2.png'; 
</script>

<style scoped lang="scss">
	.head{
		height: 97px;
		display: flex;
		align-items: center;
		padding:0% 15%;
		background-color: #ffffff;
		.logo-img{
			height: 100%;
			width: auto;
		
		}
		.search{
			margin-left: 43%;
			display: flex;
			justify-content: space-between;
		}
	}
</style>